﻿body {
    background-color: #fff;
    padding: 0px;
    margin: 0px;
}

.logon-main {
    position: relative;
    background: url(images/logon/bg-logon-main.png);
    width: 1200px;
    height: 649px;
    position: absolute;
    left: 50%;
    top: 0px;
    margin-left: -600px;
}

.logon-bg {
    width: 100%;
    height: 550px;
    margin: 97px auto;
    margin-bottom: 0px;
    background-color: rgb(217,233,255);
}

.logon-foot {
    background: url(images/logon/bg-logon-foot.png) center center no-repeat;
    height: 93px;
}

.logon-main .logon-form {
    position: absolute;
    left: 615px;
    top: 190px;
    width: 344px;
    height: 355px;
}

.logon-form input {
    position: absolute;
    border: 0px;
    line-height: 36px;
    height: 36px;
    width: 195px;
    padding-left: 10px;
}

    .logon-form input.username {
        top: 118px;
        left: 110px;
    }

    .logon-form input.password {
        top: 188px;
        left: 110px;
    }

    .logon-form input.submit {
        position: absolute;
        width: 270px;
        height: 40px;
        line-height: 40px;
        top: 258px;
        left: 40px;
    }

    .logon-form input.submit {
        display: block;
        cursor: pointer;
        font-size: 14px;
        font-weight: bolder;
        border: 1px solid rgb(240,140,13);
        background: rgb(255,160,30);
        color: #fff;
        text-transform: uppercase;
    }

.logon-form .validation-summary-errors {
    position: absolute;
    width: 100%;
    top: 70px;
    left: -3px;
}

    .logon-form .validation-summary-errors li {
        font-size: 11px;
        text-align: center;
        padding: 5px 0px;
        border: 0;
        border-color: #e18d9a;
        color: #f0f0f0;
        background: rgb(246,116,116);
    }
